import { Flex } from "antd"

type Props ={
    title:string,
    children?:React.ReactNode
}
export const Title =({title,children}:Props)=>{
    return (
        <Flex justify="center" 
        align="center"
        style={{
            padding:50,
            backgroundImage:"linear-gradient(#fff,#ccc)",
            position:"relative"
        }}>
            <div style={{position:"absolute",left:20}}>{title}</div>
            {children}
        </Flex>
    )
}
